<template>
  <!-- 首页页面 -->
  <!-- 顶部导航组件 -->
  <home-nav class="home-nav" />

  <!-- 主体区域组件 -->
  <home-main class="home-main" />

  <!-- 底部导航组件 -->
  <layout-footer />
</template>

<script setup>
// 导入首页组件
import HomeNav from './components/HomeNav.vue' // 首页顶部导航组件
import HomeMain from './components/HomeMain.vue' // 首页主体区域组件
// 导入全局底部导航组件
import LayoutFooter from '@/components/LayoutFooter.vue'
</script>

<style lang="scss" scoped>
// 首页顶部导航样式
.home-nav {
  z-index: 1;
}

// 主体区域样式
.home-main {
  padding: 0 0 50px 0;
  background-color: #f7f7f7;
}
</style>
